<div class="label">{{ label() }}</div>

<div class="options">
  @for (option of options(); track option) {
    <div>
      <div class="item" (click)="onItemChanged(option.value)">
        {{ option.label | translate }}
        @if (isChecked(option.value)) {
          <ix-icon name="check_circle"></ix-icon>
        }
      </div>
    </div>
  }
</div>

<ix-errors [control]="controlDirective.control" [label]="label()"></ix-errors>
